import React from 'react'

import Hello2 from './Hello2'


/* 组件 */
function Hello() {
  return (
    <div className='hello'>函数组件==Hello</div>
  )
}


/* 函数 */
/* function aa() {
  alert(1)
} */

/* class Hello2 extends React.Component {
  render() {
    return (
      <div className='hello2'>类组件</div>
    )
  }
} */



export default class Cla extends React.Component {
  /* 方式1 */
  // constructor(){
  //   //  获取父类的属性   改变this指向
  //   super()

  //   //  存储数据   类似于data(){return  {}}
  //   this.state={
  //     num:11,
  //     num2:22
  //   }
  // }

  /* 方法2： */
  state = {
    num: 11,
    num2: 22
  }

  aa(e) {
    //alert(1)
    console.log(e, 123);
    e.stopPropagation()
  }


  render() {
    console.log(this,8888);
    return (<div className='cla'>我是一个类组件===={this.state.num}===={this.state.num2}
      <Hello></Hello>
      <Hello2></Hello2>
      <hr></hr>
      <button onClick={this.aa}>按钮===class</button>
    </div>)
  }
}



